<template>
  <div id="control">
    <div style="margin:15px;">

      <layerContent ref="layerContent" v-if="layerCon" style="margin-top:10px;width:245px"
                    :layerNames="layerNames"></layerContent>
    </div>
  </div>
</template>

<script>
import layerContent from "@/disaster-display/components/layerContent";

export default {
  name: "controlBar",
  props: {
    layerNames: Array
  },
  components: {
    layerContent
  },
  data() {
    return {
      layerCon: true,
    }
  },
  methods: {

  }
}
</script>

<style scoped>
.tool-panel-data-add {
  width: 100%;
  height: 36px;
  line-height: 36px;
  text-align: center;
  cursor: pointer;
  transition: background-color .3s ease-in-out;
}

#control {
  position: absolute;
  left: -20px;
  top: 150px;
  z-index: 10;
  margin-right: 350px;
}
</style>
